<template>
   <ul>
     <li v-for="(item,index) in tabs">
       {{item.name}}
     </li>
   </ul>
</template>

<script>
  import {onMounted,toRefs,reactive} from 'vue'
export default {
  name: 'HelloWorld',
   setup(){
       const state = reactive({
           tabs:[
               {name:'首页'}
           ]
       })
       return{
           ...toRefs(state)
       }
   }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">

</style>
